{% extends 'layout.html' %}

{% block content %}
    <div class="container">
        <h3 class="panel-title"> 个人资料 </h3>
        <div class="panel-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped">
                    <colgroup>
                        <col class="col-xs-1">
                        <col class="col-xs-7">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>我的权限</th>
                        <th>是否拥有</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <th>管理员管理权限</th>
                        <td id="power-admin"></td>
                    </tr>
                    <tr>
                        <th>用户管理权限</th>
                        <td id="power-user"></td>
                    </tr>
                    <tr>
                        <th>部门管理权限</th>
                        <td id="power-depart"></td>
                    </tr>
                    <tr>
                        <th>签到记录管理权限</th>
                        <td id="power-record"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <button onclick="goBack()">返回</button>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script>
        function goBack() {
            // 使用JavaScript的history对象的go方法实现上一步跳转
            window.history.back();
        }
    </script>
    <script type="text/javascript">

        $(function () {

            initInfo();

        })

        function initInfo() {
            $.ajax({
                url: '/info/list/admin/',  // 用于获取数据
                method: 'post',
                success: function (res) {
                    if (res.status) {
                        // 在成功获取数据后，将数据填充到相应的 <td> 标签中
                    $('#power-admin').text(res.data["power_admin"]);
                    $('#power-user').text(res.data["power_user"]);
                    $('#power-depart').text(res.data["power_depart"]);
                    $('#power-record').text(res.data["power_record"]);
                    }

                }
            });
        }


    </script>
{% endblock %}
